<%-- 
    Document   : index
    Created on : Nov 30, 2013, 10:39:16 AM
    Author     : lnngu_000
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <title>Catering.com</title>
        <meta charset="utf-8">
        <%@include file="head.jsp" %>
    </head>
    <body id="page1">
        <!--==============================header=================================-->
        <header>
            <%@include file="menuTop.jsp" %>
            <div class="row-bot">
                <div class="row-bot-bg">

                    <article class="column-1" style="margin-left: 100px; margin-top: 10px;">
                        <div class="indent-left">
                            <div class="maxheight indent-bot">

                                <ul class="list-1">
                                    <h6>Type Of Menu </h6>
                                    <li style="list-style: none;">
                                        <label class="lb">

                                            <select class="selectBox" style="width: 300px; font-weight: bold;font-size: 20px;">
                                                <option selected> Vegetarian </option>
                                                <option>Non-Veg</option>

                                            </select>
                                        </label>

                                    </li>
                                    <h6>Regional </h6>
                                    <li style="list-style: none;">
                                        <label class="lb">

                                            <select class="selectBox" onChange="getcbChild();" id="Regional" style="width: 300px; font-weight: bold;font-size: 20px;">

                                                <option value="South" selected>South</option>
                                                <option value="North">North</option>


                                            </select>
                                        </label>

                                    </li>
                                    <h6>Provinces </h6>
                                    <li style="list-style: none;">
                                        <label class="lb">

                                            <select class="selectBox" id="Provinces" style="width: 300px; font-weight: bold;font-size: 20px;">
                                                

                                            </select>
                                        </label>

                                    </li>
                                    <h6>Location </h6>
                                    <li style="list-style: none;">
                                        <label class="lb">

                                            <select class="selectBox" style="width: 300px; font-weight: bold;font-size: 20px;">
                                                <option selected> Vegetarian </option>
                                                <option>Non-Veg</option>

                                            </select>
                                        </label>

                                    </li>
                                    <h6>Number of plates </h6>
                                    <li style="list-style: none;">
                                        <label class="lb">

                                            <select class="selectBox" style="width: 300px; font-weight: bold;font-size: 20px;">

                                                <option value="100" selected>50 to 100</option>
                                                <option value="150">100 to 150</option>
                                                <option value="200">150 to 200</option>
                                                <option value="250">200 to 250</option>
                                                <option value="300">250 to 300</option>
                                                <option value="350">300 to 350</option>
                                                <option value="400">350 to 400</option>
                                                <option value="450">400 to 450</option>
                                                <option value="500">450 to 500</option>
                                                <option value="550">500 to 550</option>
                                                <option value="600">550 to 600</option>
                                                <option value="650">600 to 650</option>
                                                <option value="700">650 to 700</option>
                                                <option value="750">700 to 750</option>
                                                <option value="800">750 to 800</option>
                                                <option value="850">800 to 850</option>
                                                <option value="900">850 to 900</option>
                                                <option value="950">900 to 950</option>
                                                <option value="1000">950 to 1000</option>
                                                <option value="1050">1000 above</option>

                                            </select>
                                        </label>

                                    </li>
                                </ul>
                            </div>
                            <a class="button-1" href="#">Search</a> </div>
                    </article>

                    <img  src="images/th-433x203.png" alt="" style="margin-top: 340px; margin-left: 330px">
                </div>
            </div> 
        </header>
        <!--==============================content================================-->
        <section id="content">
            <div class="main">

                <div class="wrapper" >
                    <article class="column-1">

                    </article>
                    <article class="column-2">

                    </article>

                </div>
                <div class="wrapper img-indent-bot">
                    <article class="col-1"> <a href="#"><img class="img-border" src="images/banner-1.jpg" alt=""></a> </article>
                    <article class="col-1"> <a href="#"><img class="img-border" src="images/banner-2.jpg" alt=""></a> </article>
                    <article class="col-2"> <a href="#"><img class="img-border" src="images/banner-3.jpg" alt=""></a> </article>
                </div>
            </div>
        </section>
        <!--==============================footer=================================-->
        <%@include file="footer.jsp" %>
    </body>
</html>
